@charset "utf-8";
body {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
    }

a {
    text-decoration: none
    }

/*-------------------header------------------*/
#header {
    background-image: url(../imgs/top.png);
    background-position: left;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    width: auto;
    height: 80px
    }

#header img {
    padding-left: 30px;
    padding-top: 20px;
    width: 300px;
    height: 48px
    }

#header p {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 20px;
    color: #0E2D6D;
    /*-azul oscuro-*/
    text-shadow: 2px 2px 2px #CCC;
    padding-top: 30px;
    padding-right: 30px;
    float: right;
    margin: 0;
    width: auto;
    height: 48px
    }

/*-----------------barra de estado------------------*/
#estado {
    background-image: url(../imgs/estado.jpg);
    background-position: left;
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 20px
    }

#estado ul {
    list-style: none;
    padding: 0;
    margin: 0
    }

#estado ul li {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    float: right;
    padding-right: 30px;
    margin: 5px 5px 0 5px
    }

#estado ul li a, #estado ul li a:link, #estado ul li a:active, #estado ul li a:visited, #estado ul li a:focus {
    color: #FFF;
    margin: 0
    }

#estado ul li a:hover {
    color: #00A6E0;
    /*-celeste oscuro-*/
    }

/* -------------menu desplegable------------------------*/
#menu {
    width: 100%;
    height: 25px;
    background-color: #8F8F69
    }

#menu ul {
    width: auto;
    height: 25px;
    padding: 0;
    margin: 0;
    float: left
    }

/*-1 nivel de navegacion del menu-*/
#menu ul li {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    list-style: none;
    float: left;
    padding-top: 5px;
    margin: 0
    }

#menu ul li a {
    text-decoration: none;
    color: #FFF;
    display: block !important;
    position: relative;
    width: auto;
    margin: 0 20px;
    padding: 0
    }

#menu ul li a:hover {
    color: #00A6E0
    }

#menu ul li ul span {
    position: absolute
    }

/*-2 nivel de navegacion del menu-*/
#menu ul li ul {
    display: none;
    position: absolute;
    color: #002664;
    background-color: #E0DED2;
    border-bottom: #9CDBF8 solid 2px;
    border-top: #8F8F69 solid 5px;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
    }

#menu ul li:hover ul {
    display: block
    }

#menu ul li ul li {
    display: block;
    float: none;
    position: relative;
    color: #D6E6FA;
    padding: 0;
    line-height: 25px
    }

#menu ul li ul li a {
    color: #002664
    }

#menu ul li ul li a:hover {
    color: #00A6E0
    }

/*----3 linea decorativa--------------*/
#linea {
    width: 100%;
    height: 25px;
    background-color: #C7C7B4
    }

/*-----posicionamiento de navegacion---------*/
#posicionamiento {
    width: 100%;
    height: 25px;
    background-color: #E8E8E1;
    border-bottom: #9CDBF8 solid 2px;
    padding: 0;
    margin: 0
    }

#posicionamiento p {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #4D4D4D;
    float: left;
    padding: 5px 0 0 10px;
    margin: 0
    }

/*-----------------------------------*/
.clearit {
    clear: both;
    padding: 0;
    margin: 0
    }

#linea span {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #4D4D4D;
    float: right;
    padding-right: 30px;
    margin: 5px 5px 0 5px
    }